<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>table 样式</title>
</head>
<body>
<p>
    每个表格从一个table标签开始
    每个表格行从tr标签开始
    每个表格的数据从td标签开始
</p>
<h4>一列</h4>
<table border="1">
    <tr>
        <td>100</td>
    </tr>
</table>
<h4>两行三列</h4>
<table border="1">
    <tr>
        <th>姓名</th>
        <!--单元格跨两格 用colspan-->
        <th colspan="2">年龄</th>
        <!--<th>工号</th>-->
    </tr>
    <tr>
        <td>测试人员1</td>
        <td>2400000000 </td>
        <td>00001</td>
    </tr>
    <tr>
        <td>测试人员2</td>
        <td>  43     </td>
        <td>  0002   </td>
    </tr>
</table>
<h4>单元格跨两列</h4>
<table border="1">
    <tr>
        <th>First name</th>
        <td>bill gates</td>
    </tr>
    <tr>
        <th rowspan="2">Telephone:</th>
        <td>100000000</td>
    </tr>
    <tr>
        <td>200000</td>
    </tr>
</table>
<h4>表格内标签 增加单元格内间距10px 增加单元格间距10px</h4>
<table border="1" cellpadding="10" cellspacing="10">
    <tr>
        <td>
            <p>这是一个段落</p>
            <p>这是另一个段落</p>
        </td>
        <td>
            <table border="1">
                <tr>
                    <td>AAAAA</td>
                    <td>B</td>
                </tr>
                <tr>
                    <td>C</td>
                    <td>D</td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td>
            这个单元格包含一个列表
            <ul>
                <li>apples</li>
                <li>bananas</li>
                <li>pineapples</li>
            </ul>
        </td>
        <td>Hello </td>
    </tr>
</table>

<h4>单元格间距为0</h4>
<table border="1"  cellspacing="0" align="center">
    <tr>
        <td align="center">100</td>
        <td>2000000</td>
    </tr>
    <tr>
        <td>100</td>
        <td align="center">200</td>
    </tr>
</table>
</body>
</html>